<script setup lang="ts">
import { useAudioPlayerStore } from "@/stores"
const audioPlayer = useAudioPlayerStore()
const props = defineProps({
  themeDarkStyle: {
    required: false,
    default: false,
    type: Boolean
  }
})

const handelNext = () => {
  audioPlayer.Next()
}

</script>

<template>
  <div :class="themeDarkStyle? 'img_next dark': 'img_next'"  @click="handelNext">

  </div>

</template>

<style lang="scss" scoped>
.img_next{
  background: url(@/assets/qqimgs/btn-next.svg);
  height: 16px;
  width: 15px;

  &:hover{
    cursor: pointer;
  }

  &:active{
    transform: translate(1px,1px) ;
  }
}

.dark{
  background: url(@/assets/qqimgs/btn-next--white.svg);
}

</style>